<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 全局作用域 包裹 局部作用域

    // 自己有先找自己的,自己没有就向外跳一层 

    // 1. 函数内也可以访问函数外的全局变量  (自己没有就向外跳一层 )
    // var a = 10;  // 全局 20
    // debugger;
    
    // function fn(){
    //     debugger;
    //     a = 20;  // 全局 
    //     console.log(a); // 20
    // }

    // fn();
    // console.log(a); // 20


    // 2.  局部变量不会影响全局变量    (自己有先找自己的)
    // var a = 10;  // 全局
    // debugger;
    
    // function fn(){
    //     debugger;
    //     var a = 20;  // 局部 
    //     console.log(a); // 20
    // }

    // fn();
    // console.log(a); // 10


    // 3. 形式参数也是局部变量
    var a = 10;  // 全局
    // debugger;

    function fn(a){ // 形式参数  => 局部变量
        // debugger;
        console.log(a);  // 10
        a = 20;  // 局部 
        console.log(a); // 20
    }

    fn(a);  // fn(10)
    console.log(a); // 10



    

</script>
</html>